<!DOCTYPE html>
<html lang="en">
<head>
<title>services</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Your description">
<meta name="keywords" content="Your keywords">
<meta name="author" content="Your name">


<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/bootstrap-responsive.css" type="text/css" media="screen">    
<link rel="stylesheet" href="styles.css" type="text/css" media="screen">

<script type="text/javascript" src="js/jquery.js"></script>  
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>

<script type="text/javascript" src="js/jquery.ui.totop.js"></script>
<script>
$(document).ready(function() {
	// 


}); //
$(window).load(function() {
	//

}); //
</script>		
<!--[if lt IE 8]>
		<div style='text-align:center'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg"border="0"alt=""/></a></div>  
	<![endif]-->    

<!--[if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>      
  <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
<![endif]-->
</head>

<body class="subpage">
<div id="main">

<header>
<!-- <div class="top1">
<div class="container">
<div class="row">
<div class="span12">
<div class="top1_inner clearfix">
	<div class="logo_wrapper"><a href="index.html" class="logo">ShipLCOM 2.0 LOADING INSTRUMENT</a></div>
	<div class="search-form-wrapper clearfix">
		<form id="search-form" action="#" method="GET" accept-charset="utf-8" class="navbar-form" >
			<input type="text" name="s" value='Search' onBlur="if(this.value=='') this.value='Search'" onFocus="if(this.value =='Search' ) this.value=''">
			<a href="#" onClick="document.getElementById('search-form').submit()"></a>
		</form>	
	</div>
	
</div>	
</div>	
</div>	
</div>
</div> -->	
<div class="top2">
<div class="menu_wrapper">
<div class="container">
<div class="row">
<div class="span12">
<div class="navbar navbar_">
	<div class="navbar-inner navbar-inner_">
		<a class="btn btn-navbar btn-navbar_" data-toggle="collapse" data-target=".nav-collapse_">
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>		</a>
		<div class="nav-collapse nav-collapse_ collapse">
			<ul class="nav sf-menu clearfix">
				<li><a href="index.html">Home</a></li>
				<!-- <li class="active"><a href="services.html">Services</a></li> -->
				<li><a href="events.html">Events</a></li>
				<li class="sub-menu sub-menu-1"><a href="gallery.html">Gallery</a></li>				
				<li><a href="resources.html">Resources</a></li>
				<li><a href="contact.html">Contacts</a></li>											
    		</ul>
		</div>
	</div>
</div>	
</div>	
</div>	
</div>	
</div>

</div>
</header>	

<div id="content">
<div class="container">
<div class="row">
	<div class="span8">		

		<h1>About Our Services</h1>

		<div class="thumb4">
			<div class="thumbnail clearfix">
				<div class="figure_wrapper"><figure class="img-polaroid"><img src="images/services01.jpg" alt=""></figure></div>
				<div class="caption">
					<h4>Integer lacinia, velit sit amet bibendum hendrerit, neque justo ornare urna, non sodales nunc nibh vel purus. In urna. </h4>
					<p>
						Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat consectetuer adipiscing elit. Nunc suscipit. Suspendisse enim arcu, convallis non, cursus sed, dignissim et, est. Aenean semper aliquet libero. In ante velit, cursus ut, ultrices vitae, tempor ut, risus. Duis pulvinar. Vestibulum vel pede at sapien sodales mattis. Quisque pretium, lacus nec iaculis vehicula, arcu libero consectetuer massa, auctor aliquet mauris ligula id ipsum. Vestibulum pede. Maecenas sit Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat consectetuer adipiscing elit. Nunc suscipit. Suspendisse enim arcu, convallis non, cursus sed, dignissim et, est. Aenean semper aliquet libero. In ante velit, cursus ut, ultrices vitae, tempor ut, risus. Duis pulvinar. Vestibulum vel pede at sapien sodales mattis. Quisque pretium, lacus nec iaculis vehicula, arcu libero consectetuer massa, auctor aliquet mauris ligula id ipsum. Vestibulum pede. Maecenas sit amet augue. Sed blandit lect
					</p>
					<a href="#" class="button3">read more<em></em></a>
				</div>
					
			</div>
		</div>

		


		<h2>Services Overview</h2>

		<div class="row">
			<div class="span4">
				<div class="thumb5">
					<div class="thumbnail clearfix">
						<div class="figure_wrapper"><figure class="img-polaroid"><img src="images/services02.jpg" alt=""></figure></div>
						<div class="caption">
							<h4>Integer lacinia, velit sit amet bibendum </h4>
							<p>
								Ut enim ad minim veniam, quis nostrud exercitation ullamco 
							</p>
							<a href="#" class="button2">read more</a>
						</div>						
					</div>
				</div>
			</div>
			<div class="span4">
				<div class="thumb5">
					<div class="thumbnail clearfix">
						<div class="figure_wrapper"><figure class="img-polaroid"><img src="images/services03.jpg" alt=""></figure></div>
						<div class="caption">
							<h4>Integer lacinia, velit sit amet bibendum </h4>
							<p>
								Ut enim ad minim veniam, quis nostrud exercitation ullamco 
							</p>
							<a href="#" class="button2">read more</a>
						</div>						
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="span4">
				<div class="thumb5">
					<div class="thumbnail clearfix">
						<div class="figure_wrapper"><figure class="img-polaroid"><img src="images/services04.jpg" alt=""></figure></div>
						<div class="caption">
							<h4>Integer lacinia, velit sit amet bibendum </h4>
							<p>
								Ut enim ad minim veniam, quis nostrud exercitation ullamco 
							</p>
							<a href="#" class="button2">read more</a>
						</div>						
					</div>
				</div>
			</div>
			<div class="span4">
				<div class="thumb5">
					<div class="thumbnail clearfix">
						<div class="figure_wrapper"><figure class="img-polaroid"><img src="images/services05.jpg" alt=""></figure></div>
						<div class="caption">
							<h4>Integer lacinia, velit sit amet bibendum </h4>
							<p>
								Ut enim ad minim veniam, quis nostrud exercitation ullamco 
							</p>
							<a href="#" class="button2">read more</a>
						</div>						
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="span4">
				<div class="thumb5">
					<div class="thumbnail clearfix">
						<div class="figure_wrapper"><figure class="img-polaroid"><img src="images/services06.jpg" alt=""></figure></div>
						<div class="caption">
							<h4>Integer lacinia, velit sit amet bibendum </h4>
							<p>
								Ut enim ad minim veniam, quis nostrud exercitation ullamco 
							</p>
							<a href="#" class="button2">read more</a>
						</div>						
					</div>
				</div>
			</div>
			<div class="span4">
				<div class="thumb5">
					<div class="thumbnail clearfix">
						<div class="figure_wrapper"><figure class="img-polaroid"><img src="images/services07.jpg" alt=""></figure></div>
						<div class="caption">
							<h4>Integer lacinia, velit sit amet bibendum </h4>
							<p>
								Ut enim ad minim veniam, quis nostrud exercitation ullamco 
							</p>
							<a href="#" class="button2">read more</a>
						</div>						
					</div>
				</div>
			</div>
		</div>

	
	</div>	
	<div class="span4">
		<h3>Categories</h3>
		<div class="box1">
			<div class="inner">
				<ul class="ul_cat">
		          <li><a href="#">Donec elementum </a></li>
		          <li><a href="#">Cras tempor</a></li>
		          <li><a href="#">Vivamus non</a></li>
		          <li><a href="#">Morbi cursus</a></li>
		          <li><a href="#">Duis vitae massa</a></li>	 
		          <li><a href="#">Phasellus tempus</a></li>  
		          <li><a href="#">Sed augue purus</a></li>  
		          <li><a href="#">Nullam id congue </a></li>  
		          <li><a href="#">Aliquam molestie</a></li> 
		          <li><a href="#">In vitae justo</a></li>                                                                        
		        </ul>
			</div>
			<div class="shadow"></div>
		</div>
		<div class="box2">
			<div class="inner">
				<div class="box2_ic"></div>
				<div class="box2_titile">News</div>
				<div class="box2_pad">
					<div class="thumb1">
						<div class="thumbnail clearfix">
							<figure class=""><img src="images/home01.jpg" alt=""></figure>
							<div class="caption">
								<div class="date1">06.03.2014</div>
								<p>
									<a href="#">Ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod</a>
								</p>
							</div>
						</div>
					</div>
					<div class="thumb1">
						<div class="thumbnail clearfix">
							<figure class=""><img src="images/home02.jpg" alt=""></figure>
							<div class="caption">
								<div class="date1">06.03.2014</div>
								<p>
									<a href="#">Ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod</a>
								</p>
							</div>
						</div>
					</div>
					<a href="#" class="button2">more news</a>
				</div>
			</div>
			<div class="shadow"></div>
		</div>
	</div>
</div>	
</div>
</div>

<footer>
<div class="bot1">
<div class="container">
<div class="row">
<div class="span3">

	<div class="block_title">Archives</div>

	<ul class="ul0">
	  <li><a href="#">May 2014</a></li>
	  <li><a href="#">April 2014</a></li>
	  <li><a href="#">March 2014</a></li>
	  <li><a href="#">February 2014</a></li>
	  <li><a href="#">January 2014</a></li>	                                                                                
	</ul>

</div>	
<div class="span3">

	<div class="block_title">Recent News</div>

	<ul class="ul0"> <li><a href="#">Cras gravida iaculis diam, eu volutpat justo gravida et</a></li>
	  <li><a href="#">Duis risus libero, sollicitudin a leo et</a></li>
	  <li><a href="#">Sed augue purus, lobortis vel nulla lacinia</a></li>	                                                                                 
	</ul>

</div>	
<div class="span3">

	<div class="block_title">Find us on:</div>

	<ul class="ul_social">
	  <li><a href="#"><img src="images/social_ic1.jpg" alt="" class="img"><span>Facebook</span></a></li>
	  <li><a href="#"><img src="images/social_ic2.jpg" alt="" class="img"><span>Twitter</span></a></li>
	  <li><a href="#"><img src="images/social_ic3.jpg" alt="" class="img"><span>Linked in</span></a></li>
	  <li><a href="#"><img src="images/social_ic4.jpg" alt="" class="img"><span>Pinterest</span></a></li>
	</ul>

</div>	
<div class="span3">

	<div class="block_title">Information</div>

	<p class="txt">
		<a href="#" class="color2">Lorem ipsum sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</a><br><br>
		Ipsum dolor sit amet conse ctetur adipisicing elit, sed do <a href="#" class="color1">eiusmod</a> tempor incididunt ut labore et dolore magna aliqua
	</p>

</div>	
</div>	
</div>
</div>	
<!-- <div class="bot2">
<div class="container">
<div class="row">
<div class="span12">
	<div class="copyright">Copyright © 2014. All rights reserved.<br />
    do not delete<div class="webdesign">Web Design: <a class="mycode" href="http://www.myfreecsstemplates.com">free web templates</a></div>end</div>
</div>	
</div>	
</div>	
</div> -->
</footer>
	
</div>
<!-- <script type="text/javascript" src="js/bootstrap.js"></script -->>
</body>
</html>